<!DOCTYPE html> 
<html> 
<head> 
    <?php
        echo $this->headTitle('[TEST_CONSTRUCTOR]', 'PREPEND')
                  ->headTitle('[AUTH]', 'PREPEND')
                  ->enableTranslation()
                  ->setSeparator(' :: ');
        echo $this->headMeta('text/html;charset=utf-8',
                             'content-type',
                             'http-equiv');
        echo $this->headLink()->appendStylesheet('/styles/auth.css');
        echo $this->headStyle()->appendStyle('
input[type="submit"]{
    color: #999;
    padding: 5px 10px;
    float: right;
    margin: 20px 0;
    font-weight: lighter;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #45484d;
    background: -moz-linear-gradient(top, #222 0%, #111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#111));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#22222", endColorstr="#111111",GradientType=0 );
    -moz-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
    -webkit-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
    box-shadow: 0px 1px 1px #000,0px 1px 0px rgba(255,255,255,.3) inset;
    text-shadow: 0 1px 1px #000;
    cursor: pointer;
}
            ');

    ?>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
 
  	<script> 
		$(function(){
		  var $form_inputs =   $('form input');
		  var $rainbow_and_border = $('.rain, .border');
		  /* Used to provide loping animations in fallback mode */
		  $form_inputs.bind('focus', function(){
		  	$rainbow_and_border.addClass('end').removeClass('unfocus start');
		  });
		  $form_inputs.bind('blur', function(){
		  	$rainbow_and_border.addClass('unfocus start').removeClass('end');
		  });
		  $form_inputs.first().delay(800).queue(function() {
			$(this).focus();
		  });
		});
	</script> 
</head> 
 
<body> 
    <div id="container"> 
        <h1><?php echo $this->translate('[AUTH]'); ?></h1>
        <?php if ($this->error != ''): ?>
            <p style="text-align: center;"><?php echo $this->translate($this->error); ?></p>
        <?php endif; ?>
        <div class="rain"> 
            <div class="border start"> 
                <form action="<?php echo $this->authForm->getAction(); ?>" 
                      method="<?php echo $this->authForm->getMethod(); ?>"
                      id="authForm"> 
                    <label for="login"><?php echo $this->authForm->login->getLabel(); ?></label> 
                    <?php echo $this->authForm->login; ?>
                    <label for="password"><?php echo $this->authForm->password->getLabel(); ?></label> 
                    <?php echo $this->authForm->password; ?>
                    <?php echo $this->authForm->csrf; ?>
                </form> 
                <?php echo $this->authForm->signin; ?>
            </div> 
        </div> 
    </div> 
</body> 
</html> 